<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<table border="1" width="500px">
			
			<tr >
				<td colspan="3">
					<input type="button" id="delete" value="删除" />
				</td>
			</tr>
			
			<tr>
				<td>
					<input type="checkbox" id="selectAll" />
				</td>
				<td>姓名</td>
				<td>年龄</td>
			</tr>
			
			<tr>
				<td>
					<input type="checkbox" class="zxx" />
				</td>
				<td>王超</td>
				<td>23</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox"  class="zxx" />
				</td>
				<td>陈叶</td>
				<td>23</td>
			</tr>
			
			<tr>
				<td>
					<input type="checkbox" class="zxx" />
				</td>
				<td>石睿鑫</td>
				<td>20</td>
			</tr>
			
			
		</table>
		
		
	</body>
	
	<script type="text/javascript" src="../../js/jquery-1.7.2.js" ></script>
	
	<script>
	
		$(function(){
			
			//0把全选的功能实现
			$('#selectAll').click(function(){
				//1 先拿到所有的zxx
				$('.zxx').each(function(index,data){
					$(this).attr("checked",$("#selectAll")[0].checked);
				});
			});
			
			
			$('#delete').click(function(){
				//1获得哪些行被选中...  如果1个也没有选  提示 请最少选中1行
				//1.1 先找到打了勾的input
				var inputs = $('.zxx');
				
				inputs.each(function(index,data){
					var ck = $(this).attr("checked");
					if(ck == 'checked'){
						$(this).parent().parent().remove();
					}
					console.log(ck);
					
				});
				console.log(inputs.length);
			});
			
			
			
			
		});
	
		
		
		//1 获得哪些行被选中...  如果1个也没有选  提示 请最少选中1行
		
		
		
		//2删除被选中的行
		
	</script>
</html>
